/*
 * Metro UI CSS
 * (c) 2012-2013 by Sergey Pimenov
 * Licensed under the MIT License and Commercial
 *
 * Accordion.less
 *
 */

@acc-image-collapse: url(%3D);
@acc-image-expand: url(%3D%3D);
@acc-image-collapse-black: url(%3D%3D);
@acc-image-expand-black: url(%3D%3D);

.accordion {
    .unstyled;
    .clearfix;
    margin-bottom: 10px;

    & > li {
        margin-bottom: 5px;
        display: block;
        //margin-left: -25px;

        & > a {
            display: block;
            height: 32px;
            background: @acc-image-expand-black 5px no-repeat;
            background-color: rgba(217, 217, 217, 0.16);
            padding-left: 36px;
            padding-top: 5px;
            #font > .navigation;
        }

        & > div {
            border: 1px #ccc dotted;
            padding: 10px;
            margin-top: 5px;
            display: none;
        }
    }

    & > li.active {
        & > a {
            background-image: @acc-image-collapse-black;
            background-color: rgba(217, 217, 217, 1);

        }

        & > div {
            display: block;
        }
    }

    &.dark {
        & > li {
            & > a {
                background-color: #464646;
                background-image: @acc-image-expand;
                color: #fff;
            }
        }
        & > li.active {
            & > a {
                background-color: #1e1e1e;
                background-image: @acc-image-collapse;
            }
        }
    }
}